///导航样式
.navigationbase {
    padding: 0;
    width: auto;
    height: 100%;
    background-color: #193d5c;
    // background:linear-gradient(to bottom right, #22517a, #193d5c);
    font-weight: 600;

    .child-menu-level-0 {
        --el-menu-level: 0
    }

    .child-menu-level-1 {
        --el-menu-level: 1
    }

    .child-menu-level-2 {
        --el-menu-level: 2
    }

    .child-menu-level-3 {
        --el-menu-level: 3
    }

    .child-menu-level-4 {
        --el-menu-level: 4
    }

    .el-sub-menu.is-active .el-sub-menu__title {
        border-bottom-color: #30608b;
    }

    .el-sub-menu__title {
        background-color: #193d5c;
        border-bottom: solid 0.01em #30608b;
    }

    .el-sub-menu__title:hover {
        background-color: var(--el-menu-hover-bg-color);
        /* 设置菜单项鼠标悬停时的背景色，引用的common.less中的值 */
    }

    .el-menu-item {
        background: #1e4768;
        border-bottom: solid 0.01em #365370;
    }

    .el-menu-item:hover {
        background-color: var(--el-menu-hover-bg-color);
        /* 设置菜单项鼠标悬停时的背景色，引用的common.less中的值 */
    }

    .el-menu-item .router-link-class {
        /* 使用更具体的 CSS 选择器 */
        color: white;
        margin-left: 15px;
    }

    .el-menu-item .router-link-class-0 {
        /* 使用更具体的 CSS 选择器 */
        color: white;
    }

    .el-menu-item.is-active {
        background-color: var(--el-menu-hover-bg-color);

        .router-link-class-0,
        .router-link-class {
            /* 使用更具体的 CSS 选择器 */
            color: var(--el-menu-active-color);
        }

    }
}